<template>
  <div class="container">
      <div id="form">
        <el-form
            label-position="top"
            label-width="100px"
            :model="arr"
            style="max-width: 460px">
            <el-form-item label="Name">
            <el-input v-model="arr.name"></el-input>
            </el-form-item>
            <el-form-item label="Activity zone">
            <el-input v-model="arr.age"></el-input>
            </el-form-item>
            <el-form-item label="Activity form">
            <el-input v-model="arr.class"></el-input>
            </el-form-item>
        </el-form>
        <el-button type="primary" round @click="fun">点击</el-button>
      </div>

  </div>
</template>

<script>
export default {
  data() {
    return {
       arr:[
           {
            name:'',
            age:'',
            class:''
           },
        //    {
        //      name:'李不白',
        //      region:'唱歌',
        //      type:'诗人'
        //    },
        //     {
        //      name:'白不易',
        //      region:'跳舞',
        //      type:'文人'
        //    },
        //     {
        //      name:'李清照',
        //      region:'作曲',
        //      type:'词人'
        //    },
           
       ] 
    }
  },
  methods:{
      fun(){
          console.log(this.arr.age)
      }
  },
  components: {

  }
}
</script>

<style scoped>

</style>
